<!-- Page, data-page contains page name-->
<div data-page="about" class="page">
  <!-- Top Navbar-->
  <div class="navbar">
    <div class="navbar-inner">
      <div class="left"><a href="#" class="back link"> <i class="icon icon-back"></i></a></div>
      <div class="center">About</div>
      <div class="right">
        <!-- Right link contains only icon - additional "icon-only" class--><a href="#" class="link icon-only open-panel"> <i class="icon icon-bars"></i></a>
      </div>
    </div>
  </div>
  <!-- Search bar -->
  <form class="searchbar searchbar-init">
    <div class="searchbar-input">
      <input type="search" placeholder="Search">
      <a href="#" class="searchbar-clear"></a>
    </div>
    <a href="#" class="searchbar-cancel">Cancel</a>
  </form>

  <!-- Search bar overlay-->
  <div class="searchbar-overlay"></div>
  <!-- Scrollable page content-->
  <div class="page-content">
    <div class="content-block-title">Here is About page!</div>
    <div class="content-block">
      <p>Go <a href="#" class="back">back</a> or click <a href="#" class="create-page">here </a>to create dynamic page.</p>
      <p>Mauris posuere sit amet metus id venenatis. Ut ante dolor, tempor nec commodo rutrum, varius at sem. Nullam ac nisi
        non neque ornare pretium. Nulla mauris mauris, consequat et elementum sit amet, egestas sed orci. In hac habitasse
        platea dictumst.</p>
      <p>Fusce eros lectus, accumsan eget mi vel, iaculis tincidunt felis. Nulla tincidunt pharetra sagittis. Fusce in felis
        eros. Nulla sit amet aliquam lorem, et gravida ipsum. Mauris consectetur nisl non sollicitudin tristique. Praesent
        vitae metus ac quam rhoncus mattis vel et nisi. Aenean aliquet, felis quis dignissim iaculis, lectus quam tincidunt
        ligula, et venenatis turpis risus sed lorem. Morbi eu metus elit. Ut vel diam dolor.</p>
    </div>
  </div>
</div>